<template>
	<view>
		<view class="card">
			<image src="http://jiaoyukehu.oss-cn-beijing.aliyuncs.com/static/pic6.png" mode="" class="img"></image>
			<view class="name">郑香宜</view>
			<view class="grade">资深采耳师☆☆☆</view>
			<view class="time">
				<uni-icons type="smallcircle-filled" size="10" color="#999"></uni-icons>
				<text>12:00 ~ 22:30</text>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
</script>

<style lang="scss" scoped>
	.card{
		display: flex;
		flex-flow: column;
		align-items: center;
		.img{
			width: mp-sizing(150);
			height: mp-sizing(180);
			margin-bottom: mp-sizing(20);
		}
		.name{
			font-size: mp-sizing(16);
			font-weight: 600;
		}
		.grade{
			font-size: mp-sizing(16);
		}
		.time{
			display: flex;
			flex-flow: row;
			align-items: center;
			text{
				margin-left: mp-sizing(5);
				font-size: mp-sizing(10);
				color: $uni-text-color-grey;
			}
		}
	}
</style>